#{extends 'mainStage.html' /}
#{set title:'Ajouter une candidature'/}
<h3>D&eacute;tails pour la candidature sur le stage ${stage} #{if stage.dateDeb!=null} du ${stage.dateDeb.format("dd MMMM yyyy", "fr")}#{/if}</h3>

#{form @ajouterCandidatureSave()}
<input type="hidden" name="stageId" id="stageId" value="${stage.id}" />
<p>
    #{field 'cisService'}
        <label for="agent">CIS ou service : </label>
        #{select 'cisService', items:cisServices, id:'cisService', onChange:'change()'}
            #{option 0}-- Choisir une valeur --#{/option}
        #{/select}
    #{/field}
</p>
<p id="aModifier">
    #{field 'agent'}
        <label for="agentId">Agent : </label>
        #{select 'agent', items:agents, id:'agentId'}
            #{option 0}-- Choisir une valeur --#{/option}
        #{/select}
    #{/field}
</p>



<p>
    #{field 'logement'}
        <label for="logement">Demande de logemement pour le stage : </label>
        <input type="checkbox" id="checkB" name="logement"/>
    #{/field}
</p>

<p>
	#{field 'candidPartielle'}
	<label for="candidPartielle">Candidature uniquement pour les examens :</label>
	<input type="checkbox" id="candidPartielle" name="candidPartielle" onclick="testCoche()"/>	
	#{/field}
</p>
<br/>
<p>
	<div id="uv_cache">
	Liste des UV du stage :
	#{list items:stage.intitule.uVs, as:'uv'}
		<p>
			<label for="${uv.nom}">${uv.nom} :</label>
			<input type="checkBox" id="checkB" name="${uv.nom}"/>
		</p>
	#{/list}
	</div>
</p>

<p>
    #{field 'motivation'}
    <label for="motivation">Motivation :</label>
    <textarea name="motivation" id="motivation" value="${c?.motivation}"></textarea>
    #{/field}
</p>

<p>
    <label for="role">R&ocirc;le * :</label>
    #{select 'role', items:roles, id:'role', onchange:'afficher();'}
        #{option 0}-- Choisir une valeur --#{/option}
    #{/select}	    
</p>

<div id="champ_cache">
    <p> 
        #{field 'precisiondate'}
        <label for="precisionDate">Date de disponibilit&eacute; :</label>
        <textarea name="precisionDate" id="precisionDate">${c?.precisiondate}</textarea>
        #{/field}
    </p>
</div>     		
<p style="margin-top:30px">    
    <center><input type="submit" value="Enregistrer la candidature" /></center>
</p>
<p style="font-size:16px;"><i>* Champs obligatoires<i></p>
    #{/form}

    <script type="text/javascript">

    document.getElementById("champ_cache").style.display = "none";

    document.getElementById("uv_cache").style.display = "none";

	function testCoche() {
		var coche = document.getElementsByName("candidPartielle").item(0).checked;
		if (coche) {
			document.getElementById("uv_cache").style.display = "block";
		} else {
			document.getElementById("uv_cache").style.display = "none";
		}
	}
    
    function afficher()
    {
    	if(document.getElementById("role").options[document.getElementById("role").selectedIndex].text=='Jury' || document.getElementById("role").options[document.getElementById("role").selectedIndex].text=='Formateur'){
    	    document.getElementById("champ_cache").style.display = "block";
    	}
        else{
            document.getElementById("champ_cache").style.display = "none";
        }
    }
    
    function filtreAgents(agentsJS){
        alert(agentsJS);
    }
    
    function change(){
    	var monCis=document.getElementById("cisService").options[document.getElementById("cisService").selectedIndex].value
    	$('#aModifier').load("/attraper/"+monCis)
    }
    
    </script>